#{extends 'homeLayout.html' /}
<section class="box info">
    <h2>Bienvenido</h2>

    <p>La Universidad Católica de Santa María, en compromiso con sus estimados alumnos pone a
        disposición
        de la comunidad el presente proyecto web, en el cual se publican los eventos académicos
        como congresos, jornadas simposios, charlas, entre otros. Con el fin de brindar una
        mejor atención a los intereses de nuestros alumnos, el presente proyecto ayudará a
        decidir
        los temas que a nuestros alumnos les interesen en el campo académico.</p>
    <a class="ym-button ym-next" href="#">Leer mas</a>
</section>

<h3>Eventos actuales</h3>
#{ifnot events}
<p>
    No hay eventos
</p>
#{/ifnot}
#{list items:events, as: 'event'}
<div class="vevent">
    <h3 class="summary">${event.name}</h3>

    <p class="description">${event.description}</p>
    #{if event.dateBegin!=null & event.dateEnd!=null }
        <p>Del <abbr class="dtstart"
                     title="1998-03-12T08:30:00-05:00">${event.dateBegin.format('dd MMMM yyyy','es')}</abbr>
            al <abbr class="dtend" title="1998-03-12T09:30:00-05:00">${event.dateEnd.format('dd MMMM yyyy','es')}</abbr>
        </p>
    #{/if}
    #{if event.address!= null }
        <p>Dirección: <span class="location">${event.address}</span></p>
    #{/if}
    <a class="fn org url" href="/${event.nick}">inscribirse, ver mas..</a>
</div>

<br/>
#{/list}
